<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圈子</title>
</head>

<body class="df fdc aic">
    <header class="header df bgcf aic">
        <p class="fwb fs20">动态列表</p>
        <button class="addBtn fs14">添加动态+</button>
    </header>
    <main class="flex df ofc fdc aic">
        <!-- 推荐课程 -->
        <div class="sellCourse df fdc aic">
            <h3 class="fs18">推荐课程</h3>
            <div class="course">
                <div class="course-top">
                    <img src="../../assets/imgs/22.jpg" alt="">
                </div>
                <div class="course-bu">
                    <h4 class="fs16">巧克力腹肌雕刻</h4>
                    <p class="fs12">一场痛快淋漓的父级撕裂体验, 虐出你的巧克力腹肌 !</p>
                </div>
            </div>
        </div>
        <div class="message">
            <ul class="ul-box df fdc aic ">
                <li class="df fdc bgcf">
                    <div class="li-top df aic">
                        <img src="../../assets/imgs/1.jpg " alt=" ">
                        <div class="mess df fdc">
                            <h5>用户名</h5>
                            <p class="fs12">
                                <span>xx</span>省
                                <span>xx</span>市
                            </p>
                        </div>
                    </div>
                    <p class="fs14">有这么一bai句话:“生命在于运动。du”没zhi错,运动不但可以dao锻炼我们的身体,还能充实我们的生活,愉悦我们的心情.我最喜欢的一项运动就是晨跑。 <span class="disBtn">...全部</span></p>
                    <ul class="imgs df">
                        <li>
                            <img src="../../assets/imgs/31.jpg" alt="">
                        </li>
                        <li>
                            <img src="../../assets/imgs/36.jpg" alt="">

                        </li>
                        <li>
                            <img src="../../assets/imgs/33.jpg" alt="">

                        </li>
                        <li>
                            <img src="../../assets/imgs/34.jpg" alt="">

                        </li>
                    </ul>
                </li>
                <li class="df fdc bgcf">
                    <div class="li-top df aic">
                        <img src="../../assets/imgs/1.jpg " alt=" ">
                        <div class="mess df fdc">
                            <h5>用户名</h5>
                            <p class="fs12">
                                <span>xx</span>省
                                <span>xx</span>市
                            </p>
                        </div>
                    </div>
                    <p class="fs14">有这么一bai句话:“生命在于运动。du”没zhi错,运动不但可以dao锻炼我们的身体,还能充实我们的生活,愉悦我们的心情.我最喜欢的一项运动就是晨跑。 <span class="disBtn">...全部</span></p>
                    <ul class="imgs df">
                    </ul>
                </li>
                <li class="df fdc bgcf">
                    <div class="li-top df aic">
                        <img src="../../assets/imgs/1.jpg " alt=" ">
                        <div class="mess df fdc">
                            <h5>用户名</h5>
                            <p class="fs12">
                                <span>xx</span>省
                                <span>xx</span>市
                            </p>
                        </div>
                    </div>
                    <p class="fs14"> <span class="disBtn"></span></p>
                    <ul class="imgs df">
                        <li>
                            <img src="../../assets/imgs/31.jpg" alt="">
                        </li>
                        <li>
                            <img src="../../assets/imgs/36.jpg" alt="">

                        </li>
                        <li>
                            <img src="../../assets/imgs/33.jpg" alt="">

                        </li>
                        <li>
                            <img src="../../assets/imgs/34.jpg" alt="">

                        </li>
                    </ul>
                </li>
                <!-- <li class="df fdc bgcf">
                    <div class="li-top df aic">
                        <img src="../../assets/imgs/333.jpg " alt=" ">
                        <div class="mess df fdc">
                            <h5>洗白白的浩哥哥</h5>
                            <p class="fs12">
                                <span>安徽</span>省
                                <span>xx</span>市
                            </p>
                        </div>
                    </div>
                    <p class="fs14">官宣了<span class="disBtn">...全部</span></p>
                    <ul class="imgs df">
                        <img src="../../assets/imgs/35.jpg" alt="">
                    </ul>
                </li> -->
            </ul>
        </div>



    </main>

</body>

</html>